<!--
  Generated template for the KnowPeopleDetailPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar no-border>
    <ion-title>知情者详情</ion-title>

    <ion-buttons end *ngIf="state==1 && knowPeopleArray.length > 0">
      <button ion-button color="white" (click)="done()">完成</button>
    </ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content no-padding>
  <ion-list >
      <ion-item-sliding *ngFor="let item of knowPeopleArray;let idx=index">
          <ion-item class="contact"  no-padding no-margin >
                  <div padding-left style="width:100%" item-content>
                      <div class="row">
                          <h3>知情者</h3>
                          <p>{{item.contactName}}</p>
                      </div>
                      <div class="ty-line1"></div>
                      <div class="row">
                          <h3>手机号</h3>
                          <p>{{item.mobile}}</p>
                      </div> 
                      <div class="ty-line1"></div>
                      <div class="row">
                          <h3>座机</h3>
                          <p>{{item.telNo}}</p>
                      </div>
                      <div class="ty-line1"></div>
                      <div class="row">
                          <h3>Email</h3>
                          <p>{{item.email}}</p>
                      </div>
                      <div class="ty-line1"></div>
                      <div class="row">
                          <h3>QQ</h3>
                          <p>{{item.qq}}</p>
                      </div>
                  </div>     
          </ion-item>
      <ion-item-options side="right"  >
        <button ion-button color="red" (click)="deleteItem(item,idx)">删除</button>
      </ion-item-options>
      </ion-item-sliding>
      <div *ngIf="state==1"  style="width:100%;background:white;margin-top:1px;">
          <button style="width:100%;height:44px" ion-button clear color="primary" (click)="addPeople()" icon-start>
            <ion-icon name="add" ios="ios-add-outline" md="ios-add-outline"></ion-icon>
            添加知情者
          </button>
        </div>
  </ion-list>


</ion-content>
